<template>
  <svg t="1752254415717" :style="style" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
    p-id="10952">
    <path
      d="M513 956.9C266.8 956.9 67.1 757.2 67.1 511 67.1 264.7 266.8 65.1 513 65.1S958.9 264.7 958.9 511c0 246.2-199.6 445.9-445.9 445.9zM282.5 757.7l136-53.2-84.1-84.1-51.9 137.3z m72.9-158.3l84.1 84.1 273.3-273.2-84.1-84.1-273.3 273.2z m346.8-346.8l-52.6 52.6 84.1 84.1 52.6-52.6-84.1-84.1z"
      :fill="color" p-id="10953"/>
  </svg>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  size: {
    type: Number,
    default: 22
  },
  color: {
    type: String,
    default: 'var(--el-color-primary)'
  },
})

const style = computed(() => {
  return {
    width: `${props.size}px`,
    height: `${props.size}px`,
  }
})
</script>